diff --git a/WCAG_ARIA/aria_techniques.html b/WCAG_ARIA/aria_techniques.html index 71e7aa3d..abbfcc0a 100644 --- a/WCAG_ARIA/aria_techniques.html +++ b/WCAG_ARIA/aria_techniques.html @@ -1,146 +1,336 @@ - - - - - - - - ARIA Code Samples - - - - -
- -
-
-
-

WCAG ARIA Technique Examples

- -
- - - + + + + + + + WCAG ARIA Technique Examples + + + + + + + + + + + + + + + + +
+
+
+
+
+

Va11yS

+
+
+
+
+
+ +
+
+
+
+
+
+
+

WCAG ARIA Technique Examples

+ + +
+
+
+ +
+ + + \ No newline at end of file diff --git a/WCAG_GENERAL/general_techniques.html b/WCAG_GENERAL/general_techniques.html index 5d081a8f..e0dab384 100644 --- a/WCAG_GENERAL/general_techniques.html +++ b/WCAG_GENERAL/general_techniques.html @@ -4,21 +4,169 @@ - WCAG General Technique Examples + + + + + + + + + + + + - -
- -
-
+
-

WCAG General Technique Examples

- +
+
+
+
+

Va11yS

+
+
+
+
+
+ +
+
+
+
+
+
+
+

WCAG General Technique Examples

+
  • G1: Adding a link at the top of each page that goes directly to the main content area
      @@ -102,11 +250,7 @@

      WCAG General Technique Examples

    -
- + - + \ No newline at end of file diff --git a/WCAG_HTML/html_techniques.html b/WCAG_HTML/html_techniques.html index ed665151..56bfd7a3 100644 --- a/WCAG_HTML/html_techniques.html +++ b/WCAG_HTML/html_techniques.html @@ -4,318 +4,572 @@ - WCAG HTML Technique Examples + + + + + + + + + + + + - -
- -
-
+
-

WCAG HTML Technique Examples

- - - +
+
+
+
+

Va11yS

+
+
+
+
+
+ +
+
+
+
+
+
+
+

WCAG ARIA Technique Examples

+ + +
- + - + \ No newline at end of file diff --git a/Web_Components/buttons.html b/Web_Components/buttons.html index 83a6e96a..78c3ca62 100644 --- a/Web_Components/buttons.html +++ b/Web_Components/buttons.html @@ -27,22 +27,6 @@
+ + +
  • - Angular 6 & Angular Material Example + Angular 6 & Angular + Material Example
  • React @@ -86,72 +89,79 @@
  • -
    -
    -
    -
    -

    Va11yS

    -
    +
    +
    +
    +
    +

    Va11yS

    - -
    +
    + +

    Buttons

    @@ -164,18 +174,24 @@

    Buttons

    @@ -191,11 +207,14 @@

    Buttons

    @@ -210,74 +229,93 @@

    Buttons

    - + - +
    -
    +
    diff --git a/Web_Components/components.html b/Web_Components/components.html index 6a50767f..f463c75a 100644 --- a/Web_Components/components.html +++ b/Web_Components/components.html @@ -27,22 +27,6 @@
    +
  • - Angular 6 & Angular Material Example + Angular 6 & Angular + Material Example
  • React @@ -99,20 +100,6 @@

    Va11yS

    @@ -160,7 +167,8 @@

    Va11yS

    Button Examples

    This section provides examples of buttons.

  • @@ -173,7 +181,8 @@

    Form Controls

    This section provides examples of form controls.

    @@ -183,12 +192,14 @@

    Form Controls

    Images and Multimedia

    -

    This section provides examples of images with alternative text and multimedia added to Web +

    This section provides examples of images with alternative text and multimedia added + to Web content.

    @@ -199,7 +210,8 @@

    Images and Multimedia

    Lists

    This section provides examples of Lists.

    @@ -209,10 +221,12 @@

    Lists

    Navigation

    -

    This section provides examples of Web content Navigation, such as toolbars and menus.

    +

    This section provides examples of Web content Navigation, such as toolbars and + menus.

    diff --git a/Web_Components/forms.html b/Web_Components/forms.html index 88e6bd8a..971a79ed 100644 --- a/Web_Components/forms.html +++ b/Web_Components/forms.html @@ -27,22 +27,6 @@
    + +
  • - Angular 6 & Angular Material Example + Angular 6 & Angular + Material Example
  • React @@ -86,71 +88,78 @@
  • -
    -
    -
    -
    -

    Va11yS

    -
    +
    +
    +
    +
    +

    Va11yS

    - +
    +

    Form Controls

    @@ -163,40 +172,55 @@

    Form Controls

    @@ -211,36 +235,50 @@

    Form Controls

    @@ -256,67 +294,94 @@

    Form Controls

    @@ -331,40 +396,53 @@

    Form Controls

    @@ -380,15 +458,21 @@

    Form Controls

    + +
  • - Angular 6 & Angular Material Example + Angular 6 & Angular + Material Example
  • React @@ -86,72 +88,80 @@
  • -
    -
    -
    -
    -

    Va11yS

    -
    +
    +
    +
    +
    +

    Va11yS

    - -
    +
    + + +
    diff --git a/Web_Components/multimedia.html b/Web_Components/multimedia.html index 835c2afc..f76df09a 100644 --- a/Web_Components/multimedia.html +++ b/Web_Components/multimedia.html @@ -27,22 +27,6 @@
    + +
  • - Angular 6 & Angular Material Example + Angular 6 & Angular + Material Example
  • React @@ -100,39 +102,43 @@

    Va11yS

    @@ -164,75 +175,106 @@

    Images and Multimedia

    @@ -247,27 +289,32 @@

    Images and Multimedia

  • @@ -281,10 +328,12 @@

    Images and Multimedia

    diff --git a/Web_Components/nav.html b/Web_Components/nav.html index 9a9c35e6..a20576fa 100644 --- a/Web_Components/nav.html +++ b/Web_Components/nav.html @@ -27,22 +27,6 @@
    + + +
  • - Angular 6 & Angular Material Example + Angular 6 & Angular + Material Example
  • React @@ -86,336 +89,403 @@
  • -
    -
    -
    -
    -

    Va11yS

    -
    +
    +
    +
    +
    +

    Va11yS

    - -
    -

    Navigation

    -
    - - - - - - +
  • +
    + GitHub Repo
  • - - - +
    + +
    +
    +

    Navigation

    + -
    + + + + + + + + + + +
    +
    diff --git a/frameworks.html b/frameworks.html index cc91e548..710282d1 100644 --- a/frameworks.html +++ b/frameworks.html @@ -27,7 +27,29 @@
    -
    @@ -174,7 +179,7 @@

    Angular 6 Example

    Angular 6 & Angular Material Example

    This is an example of an Angular 6 single page application with Angular Material components.

    @@ -186,7 +191,7 @@

    React Example

    This is an example of a React single page application that was created using the "Create React App" package.

    diff --git a/index.html b/index.html index 5afad418..6466311d 100644 --- a/index.html +++ b/index.html @@ -28,6 +28,28 @@
    - +
  • - Angular 6 & Angular Material Example + Angular 6 & Angular + Material Example
  • React @@ -100,20 +101,6 @@

    Va11yS

    @@ -162,7 +168,8 @@

    Va11yS

    ARIA Techniques

    This section provides WAI-ARIA examples that are listed by technique number.

  • @@ -173,7 +180,8 @@

    ARIA Techniques

    General Techniques

    This section provides WCAG General examples that are listed by technique number.

    @@ -184,7 +192,8 @@

    General Techniques

    HTML Techniques

    This section provides HTML examples that are listed by technique number.