Testing for anyone at all | Contensis user groups 2016
Here, Sam Clifford, quality assurance tester, talks about the major areas that need testing to get projects live. From choosing browsers to learning to navigate a site without a screen, and beyond.
complex phenomenon, reflec<ng the interac<on between features of a person’s body and features of the society in which he or she lives.” –World Health Organisa2on
speak, and understand informa2on Who 1,733,400 (avg.) working age people in GB Can also effect people with headaches, pain or case of the Mondays Need Clear / easy naviga2on Easy passages of text (highlighted with images, graphs etc.) No moving, blinking content & audio is easy to mute
of coordina2on, or paralysis Who 1,293,900 (avg.) working age people in GB Can also effect people with temporary injury (strained wrist) or those holding a cup of coffee Need Full keyboard support Easy naviga2on Suitable 2me limits to complete tasks
so[ware Who Unable to source specific #’s in GB permanently effected Permanently effects people with mu2sm, stuaering, lisps, etc. or simply laryngi2s or a bad throat Need Provide alternate contact solu2ons rather than a phone number
of colours and brightness Who 129,100 (avg.) working age people in GB Also effects people exposed to a light flash or those suffering from a migraine Need Alterna2ve text Re-sizing elements (especially text) Suitable contrast between colours Full keyboard support Ishihara Color Blindness Test Plate
etc.) • Descrip2ve text transcript • Synchronised cap2ons for non-live video • Excep2on when the media is a media alterna2ve for text and is clearly labeled as such
ways (for example simpler layout) without losing informa<on or structure • Seman2c markup is used appropriately • <h1> <h2> etc. • Reading and naviga2on order is logical and intui2ve • Instruc2ons do not rely upon shape, size, or visual loca2on • e.g. "Click the square icon to con2nue"
separa<ng foreground from background • Colour is not used as the only visual means of conveying informa2on • Text and images of text have a contrast ra2o of at least 4.5:1 • Large text (over 18 point or 14 point bold) has a contrast ra2o of at least 3:1 • Text can be resized without assis2ve technology up to 200 percent
use content • If a page or applica2on has a 2me limit, the user is given op2ons to turn off, adjust, or extend that 2me limit • Not a requirement for real-2me events (e.g. an auc2on) • Automa2cally moving, blinking, or scrolling content that lasts longer than 5 seconds can be pause, stopped or hidden by the user
is known to cause seizures • Web pages do not contain anything that flashes more than three 2mes in any one second period • And / or no more than three red flashes within any one-second period
and determine where they are • Bypass blocks of content that are repeated on mul2ple web pages • Web pages have 2tles that describe topic or purpose • Headings and labels describe topic or purpose • The purpose of each link can be determined from the link text alone, or from the link text and its context • The naviga2on order of links, form elements, etc. is logical and intui2ve • Links with the same text that go to different loca2ons are readily dis2nguishable • Mul2ple ways are available to find other web pages on the site - at least two of: a list of related pages, table of contents, site map, site search, or list of all available web pages • It is visually apparent which page element has the current keyboard focus
language of the page is iden2fied using the HTML lang aaribute • <html lang="en"> for example • The language of page content that is in a different language is iden2fied using the lang aaribute • <blockquote lang="es"> for example
ways • When any component receives focus, it does not ini2ate a change of context • Ensure focus is not forcibly shi[ed on input • Naviga2on links that are repeated on web pages do not change order when naviga2ng through the site • Components that have the same func2onality within a set of web pages are iden2fied consistently
If an input error is automa2cally detected, the item that is in error is iden2fied and the error is described to the user in text • Labels or instruc2ons are provided when content requires user input • If an input error is detected, provide sugges2ons for fixing the input in a 2mely and accessible manner • If the user can change or delete legal, financial, or test data, the changes/dele2ons can be reversed, verified, or confirmed
including assis<ve technologies • Significant HTML / XHTML valida2on / parsing errors are avoided • Markup is used in a way that facilitates accessibility. This includes following the HTML / XHTML specifica2ons and using forms, form labels, frame 2tles, etc. appropriately
have otherwise missed—so that you can fix them Valida2on: • Eases maintenance • Future-proofs • Browsers / Screen readers can best read the page • Sign of professionalism Test again and again throughout all projects
through to IE11 using free virtual machines you download and manage locally • haps:/ /virtualbox.org • haps:/ /developer.microso[.com/en-us/microso[- edge/tools/vms