Accessibility review of the website http://127.0.0.1:8080
Every publicly reachable post and page on this site was downloaded and its HTML examined. Each finding below quotes the exact markup responsible, so it can be verified by anyone in seconds.
| Problem | Severity | Occurrences | Pages affected | Why it matters |
|---|---|---|---|---|
| Heading levels skip Use headings in order (h1, h2, h3...). If you need smaller text, use CSS, not a lower heading level. |
warning | 3 | 2 | Screen reader users navigate by headings; jumping from h1 to h4 breaks the outline of the page. |
| Image without alt text Add an alt attribute describing the image in context. If the image is purely decorative, use an empty alt (alt="") so it is skipped on purpose. |
error | 2 | 1 | Screen readers announce the file name or nothing at all, so the image carries no information for a blind visitor. |
| Link with no accessible name Give the link text, or an aria-label, or a nested image with meaningful alt text. |
error | 2 | 2 | A link that contains only an icon or empty markup is announced as "link" with nothing else, so nobody using a screen reader knows where it goes. |
| Table without header cells Use <th scope="col"> or scope="row" for the header cells of the table. |
warning | 1 | 1 | Without th cells, a screen reader cannot say which column or row a number belongs to. |
| Link text does not say where it goes Describe the destination, for example "read the pricing guide" instead of "click here". |
warning | 1 | 1 | Screen reader users often browse a list of links out of context, where "click here" means nothing. |
| Form field without a label Connect a <label for="..."> to the field id, or wrap the field in a label, or add aria-label. |
error | 1 | 1 | The field is announced without saying what to type, which makes forms impossible to complete reliably without sight. |
| Embedded frame without a title Add a title attribute describing the embedded content. |
error | 1 | 1 | Frames are announced by their title; without one the visitor hears "frame" and cannot tell what is embedded. |
| Positive tabindex Use tabindex="0" or nothing at all, and put elements in the right order in the markup instead. |
error | 1 | 1 | A positive tabindex reorders the whole page for keyboard users and usually makes some controls unreachable. |
| Button with no accessible name Add visible text or an aria-label to the button. |
error | 1 | 1 | A button with no label cannot be used with a screen reader or by voice control. |
These are the problems that can be found by reading HTML. Colour contrast, whether alt text is actually helpful, keyboard order in a rendered browser, and how the site sounds in a screen reader all need a human being and real assistive technology. This report does not certify conformance with WCAG, the ADA, the European Accessibility Act or anything else, and it is not legal advice. Treat it as a work list, not a verdict.
| Problem | Markup |
|---|---|
| Heading levels skip Heading jumps from h2 to h4 |
<h4>Skipped heading level</h4> |
| Link with no accessible name Link with no accessible name |
<a href="mailto:[email protected]"></a> |
| Positive tabindex tabindex="7" changes the focus order |
<div tabindex="7">Focus trap</div> |
| Problem | Markup |
|---|---|
| Link text does not say where it goes Link text says only "click here" |
<a href="/about/">click here</a> |
| Heading levels skip Heading jumps from h1 to h3 |
<h3>Welcome to our services</h3> |
| Heading levels skip Heading jumps from h3 to h5 |
<h5>Why choose us</h5> |
| Table without header cells Table without header cells |
<table> <tr> <td>Service</td> <td>Price</td> </tr> <tr> <td>Repair</td> <td>$50</td> </tr> </table> |
| Image without alt text Image without alt text |
<img decoding="async" src="/wp-content/uploads/photo.jpg" width="300"> |
| Image without alt text Image without alt text |
<img decoding="async" src="/wp-content/uploads/icon.png"> |
| Link with no accessible name Link with no accessible name |
<a href="/contact/"><img decoding="async" src="/wp-content/uploads/icon.png"></a> |
| Button with no accessible name Button with no accessible name |
<button></button> |
| Form field without a label Form field of type "text" has no label |
<input type="text" name="email"> |
| Embedded frame without a title Embedded frame without a title |
<iframe src="https://example.com/video"></iframe> |
Prepared with AccessAudit Pro, which runs entirely on the site owner's own server and sends nothing anywhere.