Music Manifesto recognises the importance of providing a Web site that can be used in a variety of ways which do not depend on a single sense, ability, or technology. Building a Web site which is usable, desirable and accessible for all user groups, including the disabled, is our ongoing commitment.
Standards Compliance
The Music Manifesto Website conforms to W3C's Web Content Accessibility Guidelines 1.0, level A.
Below there's a list of critical requirements, which alone cover nearly 40% of highlighted by W3C accessibility problems (according to DRC report). These has been given extra attention and highest priority during expert evaluation.
- Provide a text equivalent for every non-text element
- Ensure that foreground and background colour combinations provide sufficient contrast when viewed by someone having colour deficits or when viewed on a black and white screen
- Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page
- Until user agents allow users to freeze moving content, avoid movement in pages
- Until user agents allow users to turn off spawned windows, do not cause pop-ups or other windows to appear and do not change the current window without informing the use
- Divide large blocks of information into more manageable groups where natural and appropriate
- Clearly identify the target of each link
- Use the clearest and simplest language appropriate for a site's content
Accessibility Features
Navigation aids
Menu links are grouped and an option to bypass navigation is provided. Link to skip navigation has no visible anchor text, and is provided specifically for people using a screen reader.
Most browsers support jumping to specific links by typing keys defined on the web site. The following access keys are available throughout Music Manifesto site:
S - Skip navigation
1 - Home page
3 - Site map
0 - Accessibility statement
Wherever possible, they do not conflict with commonly-used screen reader and browser keyboard shortcuts.
Access Keys are selected in different ways in different browsers:
- Internet Explorer 5+:
Hold down the ALT key and select the number/letter of the access key, then press ENTER.
- Internet Explorer 4:
Hold down the ALT key and select the number/letter of the access key.
- Internet Explorer 5+ for Mac:
Hold down the CTRL key and select the number/letter of the access key.
- Internet Explorer 4.5 for Mac:
Access keys are not supported.
- Netscape 6+:
Hold down the ALT (CTRL for Macintosh) key and select the number/letter of the access key.
- Netscape earlier versions:
Access keys are not supported.
- Mozilla (includes Mozilla Firefox):
Hold down the ALT (CTRL for Macintosh) key and select the number/letter of the access key.
- Safari for Mac OS X:
Hold down the CTRL key and select the number/letter of the access key.
- Opera all versions:
Access keys are not supported.
Semantic markup
Structured, semantic markup is used to represent document structure. H1 tags are used for main titles, H2 tags for subtitles, and so on.
Cascading style sheets are used for visual layout, and Javascript is used to enhance usability and for decorative purposes, however pages are still fully accessible if these technologies are ignored or unsupported.
Images
Descriptive and meaningful text equivalents are provided for all content images, graphical buttons, symbols and objects. Images are not used to represent text, all headings are styled with the help of CSS and can be resized to suit users needs.
Colours
Web site design has been tested against color contrast to ensure that all information is still clear.
Most of the text is written as dark grey on white and is perfectly contrasting. Dark grey on white combination passes color visibility test successfully:
- The difference in brightness between the two colours is sufficient. The threshold is 125, and the result of the foreground and background colours is 204.
- The difference in colour between the two colours is sufficient. The threshold is 500, and the result of the foreground and background colours is 612.
Font sizes
Relative units have been used in markup language and CSS, therefore Web site layout accommodates resizing text even in Internet Explorer for Windows.