diff options
| author | Shulhan <ms@kilabit.info> | 2026-01-24 21:23:59 +0700 |
|---|---|---|
| committer | Shulhan <ms@kilabit.info> | 2026-01-24 21:23:59 +0700 |
| commit | 04422f8d237d1af542f2abe5ac5f7be0ab276843 (patch) | |
| tree | af4d7dd5d8bf40f54674a161b9e0facbf9b757a4 /testdata | |
| parent | 453196d778979e084cbbedf9ba12cea398b84bf8 (diff) | |
| download | ciigo-04422f8d237d1af542f2abe5ac5f7be0ab276843.tar.xz | |
all: conform with Lighthouse recommendations
The foreground color changes to conform with color-contrast
ratio threshold, with score AAA. [1]
Add ARIA role to each section of pages: banner for topbar,
main for page, and contentinfo for footer.
This is to make the webpage more robust and functional no matter
what screen reader technology is used. [2]
For touch devices, increase the line height on Table of Contents.
This is to help users who may have difficulty in confidently targeting or
operating small controls. [3]
[1]: https://dequeuniversity.com/rules/axe/4.11/color-contrast
[2]: https://dequeuniversity.com/rules/axe/4.11/landmark-one-main
[3]: https://dequeuniversity.com/rules/axe/4.11/target-size
Diffstat (limited to 'testdata')
| -rw-r--r-- | testdata/watcher_test.txt | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/testdata/watcher_test.txt b/testdata/watcher_test.txt index 965c638..4e00e9c 100644 --- a/testdata/watcher_test.txt +++ b/testdata/watcher_test.txt @@ -19,14 +19,14 @@ body{} </style> </head> <body> - <div class="topbar"> + <div class="topbar" role="banner"> <a class="item title" href="/">watch create</a> <form class="item" action="/_internal/search"> <input type="text" name="q" placeholder="Search" /> </form> </div> - <div class="page"> + <div class="page" role="main"> <div class="container"> <div id="header"> <h1>watch create</h1> @@ -56,14 +56,14 @@ Hello, body. <link rel="stylesheet" href="/path/to/style.css" /> </head> <body> - <div class="topbar"> + <div class="topbar" role="banner"> <a class="item title" href="/">watch updated</a> <form class="item" action="/_internal/search"> <input type="text" name="q" placeholder="Search" /> </form> </div> - <div class="page"> + <div class="page" role="main"> <div class="container"> <div id="header"> <h1>watch updated</h1> @@ -95,20 +95,21 @@ body{} </style> </head> <body> - <div class="topbar"> + <div class="topbar" role="banner"> <a class="item title" href="/">a title</a> <form class="item" action="/_internal/search"> <input type="text" name="q" placeholder="Search" /> </form> </div> - <div class="page"> + <div class="page" role="main"> <div class="container"> <h1>watch create</h1> </div> </div> - <div class="footer"> + + <div class="footer" role="contentinfo"> >>> update.md --- @@ -131,17 +132,18 @@ keywords: ciigo,markdown <link rel="stylesheet" href="/path/to/style.css" /> </head> <body> - <div class="topbar"> + <div class="topbar" role="banner"> <a class="item title" href="/">A new title</a> <form class="item" action="/_internal/search"> <input type="text" name="q" placeholder="Search" /> </form> </div> - <div class="page"> + <div class="page" role="main"> <div class="container"> <h1>watch updated</h1> </div> </div> - <div class="footer"> + + <div class="footer" role="contentinfo"> |