publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-05 20:44:19 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Make the accessibility checkers happy (#129)

Browse source 
* Make the accessibility checkers happy
* Include a lang specification in the `<html>` tag.
* reorder `<h#>` header tags.
The `<Aside` to from `<h1>`, `<h2>` to be `<h2>`, `<h3>`. This is because trusswork's `<Footer>` uses and `<h4>` and the accessibility checkers complain it was skipping from `<h2>` -> `<h4>`
* Change `<aria-details>` to `<aria-label>` for milestone list
* Update J40Header.tsx 80 column line
This commit is contained in:
TomNUSDS 2021-06-14 19:35:35 -07:00 • committed by GitHub
commit 9155326775
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 39 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

10
client/src/components/J40Aside.tsx
View file

@ -12,22 +12,22 @@ const J40Aside = () => {
aria-labelledby="right-sidebar"
className={'j40-aside desktop:grid-col-3 usa-prose usa-section'}
id="right-sidebar">
<h1>Get Involved</h1>
<h2><img
<h2>Get Involved</h2>
<h3><img
className={'flex-align-self-center width-4 j40-aside-icon'}
src={chatIcon} alt={'chat icon'}/>
Send Feedback</h2>
Send Feedback</h3>
<p className={'usa-prose site-prose'}>Have ideas about how to
acknowledge the on-the-ground experiences of your community?
</p>
Email: <a href="mailto: justice40open@usds.gov">
justice40open@usds.gov</a>
<p>&nbsp;</p>
<h2>
<h3>
<img
className={'flex-align-self-center width-4 j40-aside-icon'}
src={githubIcon} alt={'github icon'}/>
Join the open source community</h2>
Join the open source community</h3>
<p>
Justice40’s code is open source, which means it is available for
the public to view and contribute. Anyone can view and

5
client/src/components/J40Header.tsx
View file

@ -57,7 +57,7 @@ const J40Header = () => {
return (
<>
<Helmet>
<Helmet htmlAttributes={{lang: intl.locale}}>
<meta charSet="utf-8"/>
<title>{title}</title>
</Helmet>
@ -67,7 +67,8 @@ const J40Header = () => {
className={'j40-sitealert'}>
<b>Welcome to Justice40&apos;s Temporary Home</b> While Justice40 gets
up and running, we are using GitHub Pages as a temporary website
host. To learn more about GitHub Pages, click <a href="https://pages.github.com/">here</a>.
host. To learn more about GitHub Pages, click
<a href="https://pages.github.com/">here</a>.
</SiteAlert>
<Header
basic={true} role={'banner'}