Minor version bump

Author: ericwbailey

docs/index.html

@@ -582,7 +582,9 @@ <h2 id="title__forms">Forms</h2>
 
     <form>
         <fieldset id="subsection__text-input" role="region" aria-labelledby="subtitle__text-input"><!-- Start of #subsection__text-input -->
-            <legend id="subtitle__text-input" role="heading" aria-level="3">Text Input</legend>
+            <legend>
+                <h3 id="subtitle__text-input">Text Input</h3>
+            </legend>
 
             <label for="input__text">
                 Text
@@ -729,16 +731,19 @@ <h2 id="title__forms">Forms</h2>
 
             <label for="input__textarea">
                 Textarea
-                        <textarea
+                <textarea
                     id="input__textarea"
-                    name="textarea">
+                    name="textarea"
+                    dir="auto">
                 </textarea>
             </label>
 
         </fieldset><!-- End of #subsection__text-input -->
 
         <fieldset id="subsection__non-text-input" role="region" aria-labelledby="subtitle__non-text-input"><!-- Start of #subsection__non-text-input -->
-            <legend id="subtitle__non-text-input" role="heading" aria-level="3">Non-text Input</legend>
+            <legend>
+                <h3 id="subtitle__non-text-input">Non-text Input</h3>
+            </legend>
 
             <label for="input__color">
                 Color
@@ -767,7 +772,9 @@ <h2 id="title__forms">Forms</h2>
         </fieldset><!-- End of #subsection__non-text-input -->
 
         <fieldset id="subsection__select" role="region" aria-labelledby="subtitle__select"><!-- Start of #subsection__select -->
-            <legend id="subtitle__select" role="heading" aria-level="3">Select</legend>
+            <legend>
+                <h3 id="subtitle__select">Select</h3>
+            </legend>
 
             <label for="input__select">
                 Select
@@ -819,7 +826,9 @@ <h2 id="title__forms">Forms</h2>
         </fieldset><!-- End of #subsection__select -->
 
         <fieldset id="subsection__checkboxes-and-radios" role="region" aria-labelledby="subtitle__checkboxes-and-radio-buttons"><!-- Start of #subsection__checkboxes-and-radios -->
-            <legend id="subtitle__checkboxes-and-radio-buttons" role="heading" aria-level="3">Checkboxes and Radio Buttons</legend>
+            <legend>
+                <h3 id="subtitle__checkboxes-and-radio-buttons">Checkboxes and Radio Buttons</h3>
+            </legend>
 
             <label for="input__checkbox">
                 <input
@@ -941,7 +950,9 @@ <h2 id="title__forms">Forms</h2>
         </fieldset><!-- End of #subsection__checkboxes-and-radios -->
 
         <fieldset id="subsection__buttons" role="region" aria-labelledby="subtitle__buttons"><!-- Start of #subsection__buttons -->
-            <legend id="subtitle__buttons" role="heading" aria-level="3">Buttons</legend>
+            <legend>
+                <h3 id="subtitle__buttons">Buttons</h3>
+            </legend>
 
             <button>
                 Button
@@ -997,7 +1008,9 @@ <h4>Notes:</h4>
         </fieldset><!-- End of #subsection__buttons -->
 
         <fieldset id="subsection__output" role="region" aria-labelledby="subtitle__output"><!-- Start of #subsection__output -->
-            <legend id="subtitle__output" role="heading" aria-level="3">Output</legend>
+            <legend>
+                <h3 id="subtitle__output">Output</h3>
+            </legend>
 
             <output
                 for="output"
@@ -1020,7 +1033,9 @@ <h4>Notes:</h4>
         </fieldset><!-- End of #subsection__output -->
 
         <fieldset id="subsection__lockup" role="region" aria-labelledby="subtitle__lockup"><!-- Start of #subsection__lockup -->
-            <legend id="subtitle__lockup" role="heading" aria-level="3">Lockup</legend>
+            <legend>
+                <h3 id="subtitle__lockup">Lockup</h3>
+            </legend>
 
             <label for="input__lockup">
                 Your Name
@@ -1043,7 +1058,9 @@ <h4>Notes:</h4>
         </fieldset><!-- End of #subsection__lockup -->
 
         <fieldset id="subsection__states-and-validation" role="region" aria-labelledby="subtitle__states-and-validation"><!-- Start of #subsection__states-and-validation -->
-            <legend id="subtitle__states-and-validation" role="heading" aria-level="3">States and Validation</legend>
+            <legend>
+                <h3 id="subtitle__states-and-validation">States and Validation</h3>
+            </legend>
             <div id="subsection__input" role="region" aria-labelledby="subtitle__input"><!-- Start of #subsection__input -->
                 <h4 id="subtitle__input">Input</h4>
                 <label for="input__required">
@@ -1168,7 +1185,9 @@ <h5>Notes:</h5>
         </fieldset><!-- End of #subsection__states-and-validation -->
 
         <fieldset role="region" aria-labelledby="subtitle__autocomplete" id="subsection__autocomplete"><!-- Start of #subsection__autocomplete -->
-            <legend id="subtitle__autocomplete" role="heading" aria-level="3">Autocomplete</legend>
+            <legend>
+                <h3 id="subtitle__autocomplete">Autocomplete</h3>
+            </legend>
 
             <label for="input__autocomplete-on">
                 On (Browser automatically completes)

package.json

@@ -2,7 +2,7 @@
   "name": "accessible-html-content-patterns",
   "description": "A collection of the full HTML5 Doctor Element Index as well as common markup patterns for quick reference.",
   "homepage": "https://github.com/ericwbailey/accessible-html-content-patterns",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "license": "MIT",
   "author": "Eric Bailey <[email protected]> (http://ericwbailey.design/)",
   "contributors": "Scott Doxey <[email protected]> (https://www.scottdoxey.com/)",