| title | Manual Testing |
|---|---|
| permalink | /manual-testing/ |
When testing a theme manually, here are some things to check.
- All text meets WCAG standards
- Site functions properly when accessed in a browser for the blind and the visually impaired
- Site uses the sitename for logo alt text
- Site validates
- Theme uses attractive placeholder images for carousels, image buttons, etc
- Theme handles small, large, portrait, and landscape logos without distorting, inappropriately upscaling or downscaling, or serving inappropriately large versions of the logo
- Site handles the extremes of content well—lots of content, no content, lots of icons, no icons, etc.
- Theme still functions properly given any combination or extreme of user-supplied configuration values
- Theme remains usable and all text is readable when the user sets all theme colors to white or black
- Email addresses are linked using
mailto:and phone numbers usingtel:
- Site functions properly in all supported browsers
- Site is usable without JavaScript and/or CSS
- Small versions of large images are served on mobile
- Content doesn't jump around while images load when connection speed is throttled
- Small versions of large images are served on mobile
- Content doesn't jump around while images load when connection speed is throttled
- Every page and component functions properly at any screen size
- Retina devices receive images which are twice as large as the image's rendered display dimensions
Browsersync allows you to sync scrolling, clicking, live reloading, etc, between multiple windows and browsers. It makes testing multiple screen widths and browsers much simpler.
To use Browsersync, after installing, navigate to SUFramework/cache/ in Terminal and run the following command:
browser-sync start --proxy "localhost:8080" --files "css/**/*.css" "twig/**/*.php"
Then open http://localhost:3000 in as many browsers, windows, or devices on the same network as you wish to test in.