Skip to content

Commit

Permalink
Merge pull request #9 from a11y-collective/wp-a11y-day-2022
Browse files Browse the repository at this point in the history 
Wp a11y day 2022
  • Loading branch information
@rianrietveld
rianrietveld authored Aug 25, 2023
2 parents 3fbbdac + b8f7d2d commit 584c832
Show file tree
Hide file tree
Showing 3 changed files with 42 additions and 26 deletions.
1 change: 1 addition & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,7 @@ <h1>Talks example code</h1>
<main>

<ul>
<li><a href="wcnl23/index.html">Workshop European Accessibility Act, WCNL '23</a></li>
<li><a href="wpa11yday22/index.html">Forms and beyond (WPA11yDay 2022)</a></li>
<li><a href="cards/index.html">Accessible Cards</a></li>
<li><a href="aria-in-forms/index.html">ARIA in forms</a></li>
Expand Down
31 changes: 23 additions & 8 deletions wcnl23/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,20 +20,35 @@ <h1><span lang="en">WCNL 23</span><br />Workshop European Accessibility Act</h1>
</header>

<main>
<h2>Informatie over de European accessibility act</h2>
<ul>
<li><a href="https://ec.europa.eu/social/main.jsp?catId=1202" hreflang="en">European accessibility act</a></li>
<li><a href="https://level-level.com/nl/blog/european-accessibility-act-2025/">Wat betekent de European Accessibility Act 2025 voor jouw website?</a></li>
<li><a href="https://www.a11y-collective.com/get-ready-for-the-european-accessibility-act/" hreflang="en">Why Accessibility Training Matters</a>
</ul>

<h2>Informatie over de webtoegankelijkheid</h2>
<ul>
<li><a href="https://www.w3.org/WAI/WCAG21/quickref/" hreflang="en">WCAG quick reference</a></li>
<li><a href="https://www.gebruikercentraal.nl/">Gebruiker Centraal</a> (Nederlandse overheid)</li>
<li><a href="https://www.digitoegankelijk.nl/">Digitoegankelijk</a> (Nederlandse overheid)</li>
<li><a href="https://level-level.com/nl/blog/help-mijn-webwinkel-moet-toegankelijk-worden/">Help, mijn webwinkel moet toegankelijk worden, hoe pak ik dat aan?</a></li>
</ul>

<h2>Links</h2>
<h2>Web bureau's met focus op toegankelijkheid</h2>
<ul>
<li>De EAA: <a href="https://ec.europa.eu/social/main.jsp?catId=1202" hreflang="en">European accessibility act</a></li>
<li>WCAG, begrijpelijker op een rijtje: <a href="https://www.w3.org/WAI/WCAG21/quickref/" hreflang="en">WCAG quick reference</a></li>
<li>Informatie over toegankelijkheid: <a href="https://www.gebruikercentraal.nl/">Gebruiker Centraal</a> (Nederlandse overheid)</li>
<li>Informatie over toegankelijkheid: <a href="https://www.digitoegankelijk.nl/">Digitoegankelijk</a> (Nederlandse overheid)</li>
<li>Informatie over de EAA: <a href="https://level-level.com/nl/blog/european-accessibility-act-2025/">Wat betekent de European Accessibility Act 2025 voor jouw website?</a></li>
<li>WordPress bouwer: <a href="https://level-level.com/nl/">Level Level</a></li>
<li>Drupal bouwer: <a href="https://www.limoengroen.nl/">LimoenGroen</a></li>
<li>Online training: <a href="https://www.a11y-collective.com/" hreflang="en">The A11Y Collective </a></li>
</ul>

<h2>Trainingen en audits</h2>
<ul>
<li>Online training: <a href="https://www.a11y-collective.com/" hreflang="en">The A11Y Collective</a></li>
<li><a href="https://www.internetacademy.nl/">De Intern Academy</a></li>
<li>Training en audits: <a href="https://www.firmground.nl/">Firm Ground</a></li>
<li>Training en audits: <a href="https://swink.nl/">Swink</a></li>
<li>TAudits in Belgi&euml;:<a href="https://elevenways.be/nl/">https://elevenways.be/nl/</a></li>
<li>Audits in Belgi&euml;: <a href="https://elevenways.be/nl/">ElevenWays</a></li>

</ul>

</main>
Expand Down
36 changes: 18 additions & 18 deletions wpa11yday22/fieldsets.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,8 @@ <h1>Fieldsets</h1>
<div class="block">
<fieldset>
<legend>How many cookies?</legend>
<label for="unique-id-for-amount1">Amount</label>
<select name="amount" id="unique-id-for-amount1">
<label for="unique-id-for-amount">Amount</label>
<select name="amount" id="unique-id-for-amount">
<option value="one">One</option>
<option value="two">Two</option>
<option value="three">Three</option>
Expand All @@ -37,22 +37,22 @@ <h1>Fieldsets</h1>
<div class="block">
<fieldset>
<legend>Select a T-shirt size</legend>
<input id="size-s" name="size" type="radio" value="small" />
<label for="size-s">Small</label>
<input id="size-m" name="size" type="radio" value="medium" />
<label for="size-m">Medium</label>
<input id="size-l" name="size" type="radio" value="large" />
<label for="size-l">Large</label>
<input id="size-s1" name="size" type="radio" value="small" />
<label for="size-s1">Small</label>
<input id="size-m1" name="size" type="radio" value="medium" />
<label for="size-m1">Medium</label>
<input id="size-l1" name="size" type="radio" value="large" />
<label for="size-l1">Large</label>
</fieldset>
</div>

<div class="block">
<fieldset>
<legend>Which pets do you have</legend>
<input id="cb-s" name="dog" type="checkbox" value="sDog" /><label for="cb-s">Dog</label>
<input id="cb-m" name="cat" type="checkbox" value="Cat" /><label for="cb-m">Cat</label>
<input id="cb-l" name="bird" type="checkbox" value="Bird" /><label for="cb-l">Bird</label>
<input id="cb-e" name="mouse" type="checkbox" value="Mouse" /><label for="cb-e">Mouse</label>
<input id="cb-s1" name="dog" type="checkbox" value="sDog" /><label for="cb-s1">Dog</label>
<input id="cb-m1" name="cat" type="checkbox" value="Cat" /><label for="cb-m1">Cat</label>
<input id="cb-l1" name="bird" type="checkbox" value="Bird" /><label for="cb-l1">Bird</label>
<input id="cb-e1" name="mouse" type="checkbox" value="Mouse" /><label for="cb-e1">Mouse</label>
</fieldset>
</div>

Expand All @@ -61,15 +61,15 @@ <h1>Fieldsets</h1>
<fieldset>
<legend>Shipping address</legend>
<div>
<label for="shipping-street" class="new-line">Street</label>
<input type="text" name="shipping-street" id="shipping-street" autocomplete="address-line1">
<label for="shipping-street1" class="new-line">Street</label>
<input type="text" name="shipping-street" id="shipping-street1" autocomplete="address-line1">
</div>
<div>
<label for="shipping-postal-code" class="new-line">Postal code</label>
<input type="text" name="shipping-postal-code" id="shipping-postal-code" autocomplete="postal-code"></div>
<label for="shipping-postal-code1" class="new-line">Postal code</label>
<input type="text" name="shipping-postal-code" id="shipping-postal-code1" autocomplete="postal-code"></div>
<div>
<label for="shipping-city" class="new-line">City</label>
<input type="text" name="shipping-city" id="shipping-city" autocomplete="address-level2">
<label for="shipping-city1" class="new-line">City</label>
<input type="text" name="shipping-city" id="shipping-city1" autocomplete="address-level2">
</div>
</fieldset>
</div>
Expand Down

0 comments on commit 584c832

Please sign in to comment.