Skip to content

Accessibility issues with screen readers #44

@kazerniel

Description

@kazerniel

According to the tota11y userscript:

Input is missing a label
The placeholder attribute is not guaranteed to be read by assistive technologies. It is better to include a proper label.

The simplest way to do so is by creating a tag with a for attribute like so:

<label for="name">
       Label text here...
   </label>

Relevant code:

<input type="text" class="font-[SignPainter] text-3xl border-dotted border-gray-400 border pt-2 px-2 pb-1 rounded-lg w-full dark:bg-black dark:text-gray-50 dark:border-white" id="name" placeholder="Your name" value="">

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions