davejansen/98.css
1
0
Fork 0
mirror of https://github.com/jdan/98.css.git synced 2026-05-05 06:01:22 +09:00
Code Issues Activity

Added aria-label to class selectors

Browse Source
This commit is contained in:
Vincent Langlois
2024-01-27 12:36:10 -05:00
parent 46f66b6be7
commit fa4d29523c
2 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
docs/index.html.ejs
View File

@@ -94,7 +94,7 @@
<p>
This library relies on the usage of <strong>semantic HTML</strong>. To make a button, you'll need
to use a <code>&lt;button&gt;</code>. Input elements require labels. Icon buttons rely on
<code>aria-label</code> (or corresponding styling classes). This page will guide you through that process, but accessibility is a primary
<code>aria-label</code>. This page will guide you through that process, but accessibility is a primary
goal of this project.
</p>
@@ -623,9 +623,9 @@
<div class="title-bar">
<div class="title-bar-text">A Title Bar using Button Styling Classes</div>
<div class="title-bar-controls">
<button class="minimize"></button>
<button class="maximize"></button>
<button class="close"></button>
<button aria-label="Any Text" class="minimize"></button>
<button aria-label="Any Text" class="maximize"></button>
<button aria-label="Any Text" class="close"></button>
</div>
</div>
@@ -634,9 +634,9 @@
<div class="title-bar">
<div class="title-bar-text">A Maximized Title Bar using Button Styling Classes</div>
<div class="title-bar-controls">
<button class="minimize"></button>
<button class="restore"></button>
<button class="close"></button>
<button aria-label="Any Text" class="minimize"></button>
<button aria-label="Any Text" class="restore"></button>
<button aria-label="Any Text" class="close"></button>
</div>
</div>
@@ -645,8 +645,8 @@
<div class="title-bar">
<div class="title-bar-text">A Helpful Bar using Button Styling Classes</div>
<div class="title-bar-controls">
<button class="help"></button>
<button class="close"></button>
<button aria-label="Any Text" class="help"></button>
<button aria-label="Any Text" class="close"></button>
</div>
</div>
`) %>