Skip to content

Commit

Permalink
docs: correct image sizes on accessibility page
Browse files Browse the repository at this point in the history
  • Loading branch information
zeroedin committed Oct 8, 2024
1 parent 5c6abe1 commit cbb84d0
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions docs/accessibility/accessibility-tools.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,8 +60,8 @@ Google's Chrome and Microsoft's Edge browsers have several accessibility tools b
<uxdot-example width-adjustment="900px">
<img src="/assets/accessibility/lighthouse-audit.png"
alt="Screenshot of a Lighthouse autdit with a score of 100%."
width="450"
height="125">
width="900"
height="251">
</uxdot-example>
</figure>

Expand All @@ -79,8 +79,8 @@ Chrome and Edge also have an "Accessibility Pane" that lets users see informatio
<uxdot-example width-adjustment="893px">
<img src="/assets/accessibility/accessibility-pane.png"
alt="Screenshot of the accessibility pane on a ux.redhat.com page with three numbers identifying key features."
width="446"
height="249">
width="893"
height="498">
</uxdot-example>
<figcaption>
To view the Accessibility Pane, open DevTools then click:
Expand All @@ -98,8 +98,8 @@ Users can optionally check "Enable full-page accessibility tree" to change what'
<uxdot-example width-adjustment="1167px">
<img src="/assets/accessibility/accessibility-tree-view.png"
alt="Screenshot showing the rendered page content in the browser on the left and the same content in the accessibility tree view on the right in DevTools"
width="583"
height="267">
width="1167"
height="535">
</uxdot-example>
<figcaption>
Inspecting the Alert (left) with the full-page accessibility tree enabled reveals its accessible properties (right).
Expand All @@ -120,8 +120,8 @@ One neat feature included within Firefox's accessibility inspector is the abilit
<uxdot-example width-adjustment="994px">
<img src="/assets/accessibility/firefox-show-tab-order.png"
alt="Screenshot of a page with 'Show Tabbing Order' checked. Each tab stop shows its tab stop number inside a pip."
width="497"
height="252">
width="994"
height="505">
</uxdot-example>
<figcaption>
A page in Firefox with visually numbered tab stops via the Firefox feature, "Show Tabbing order".
Expand Down

0 comments on commit cbb84d0

Please sign in to comment.