diff --git a/templates/accessibility.html b/templates/accessibility.html index 0b14a85f8..e4b7f4aa1 100644 --- a/templates/accessibility.html +++ b/templates/accessibility.html @@ -1,24 +1,23 @@ {% extends "_layouts/site.html" %} - {% block title %}Accessibility guidelines{% endblock %} {% block description %}Vanilla Framework accessibility guidelines{% endblock %} {% block copydoc %}https://docs.google.com/document/d/1_cCvuHSwS9i0pzD_4WHDFoTenVAfZVr9qGxG-rSHHGY/edit{% endblock %} - {% block content %} -
+ +

Accessibility guidelines

-

Vanilla Framework aims for Level AA conformance with the
Web Content Accessibility Guidelines (WCAG) 2.2

+

Vanilla Framework aims for Level AA conformance with the Web Content Accessibility Guidelines (WCAG) 2.2

-
+
-
-
-
+
+
+
-
+

Ensuring conformance

@@ -29,17 +28,18 @@

Ensuring conformance

A checklist that can be filtered by A / AA level, with a short description and links to the related "Understanding" and "How to Meet" articles that accompany each criterion.

WAI-ARIA Authoring Practices Guide

- WAI-ARIA A guide for understanding how to use WAI-ARIA 1.1 to create an accessible Rich Internet Application. It provides guidance on the appropriate application of WAI-ARIA, describes recommended WAI-ARIA usage patterns, and explains concepts behind them.

+ WAI-ARIA A guide for understanding how to use WAI-ARIA 1.1 to create an accessible Rich Internet Application. It provides guidance on the appropriate application of WAI-ARIA, describes recommended WAI-ARIA usage patterns, and explains concepts behind them. +

The W3 Markup Validation Service

-
+
-
-
-
+
+
+
-
+

Curated criteria checklist

@@ -48,9 +48,9 @@

Curated criteria checklist

-
+
-
+
  • Make sure there is enough contrast between text and its background color
    • @@ -59,13 +59,11 @@

    Curated criteria checklist

  • Links should be visually identifiable and have clearly distinct states
  • Be as consistent and clear as possible in layout and copy
  • The general architecture and hierarchy of the content should make sense
    • -
  • Help users understand inputs, and help them avoid and correct mistakes
  • Write good alt text for your images
  • Make links descriptive
  • Users should be able to navigate content using a screen reader
  • If an experience cannot be made accessible, create another route for users to get that information
    • -
  • Use the correct HTML element for your content
  • Support keyboard navigation
  • Understand and use region landmarks
    • @@ -78,37 +76,37 @@

    Curated criteria checklist

*Adapted from Accessibility Guidelines checklist and Web Accessibility Checklist

-
+
-
-
-
+
+
+
-
+

Key WCAG documents

-

The volume of information on the WCAG 2.0 website can be disorienting.
We keep the following links handy for quick reference:

+

The volume of information on the WCAG 2.2 website can be disorienting.
We keep the following links handy for quick reference:

-
+
-
+
    -
  • WCAG 2.0: the W3C standard, includes principles, guidelines and success criteria
    • -
  • Understanding WCAG 2.0: detailed reference, includes intent, benefits to people with disabilities, examples, resources and techniques
    • -
  • How to Meet WCAG 2.0: a customisable quick reference, includes guidelines, success criteria and techniques
    • -
  • Techniques for WCAG 2.0: instructions for developers, includes browser and assistive technology support notes, examples, code, resources and test procedures
    • +
  • WCAG 2.2: the W3C standard, includes principles, guidelines and success criteria
    • +
  • Understanding WCAG 2.2: detailed reference, includes intent, benefits to people with disabilities, examples, resources and techniques
    • +
  • How to Meet WCAG 2.2: a customisable quick reference, includes guidelines, success criteria and techniques
    • +
  • Techniques for WCAG 2.2: instructions for developers, includes browser and assistive technology support notes, examples, code, resources and test procedures
-
+
-
-
-
+
+
+
-
+

Useful tools

@@ -124,16 +122,17 @@

Useful tools

-
+
-
-
-
+
+
+
-
+

Noticed an issue?

-

If you spot an accessibility problem in Vanilla, let us know
by filing an issue on GitHub.

+

If you spot an accessibility problem in Vanilla, let us know
by filing an issue on GitHub.

-
+
+ {% endblock %}