Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

A11y - Updated input with no label. #2150

Closed
wants to merge 2 commits into from
Closed

Conversation

ibrouos
Copy link

@ibrouos ibrouos commented Oct 1, 2022

⚠️⚠️⚠️ Since we do not accept all types of pull requests and do not want to waste your time. Please be sure that you have read pull request rules:
https://github.com/louislam/uptime-kuma/blob/master/CONTRIBUTING.md#can-i-create-a-pull-request-for-uptime-kuma

Tick the checkbox if you understand [x]:

  • I have read and understand the pull request rules.

Description

Updated search form input that is missing label. Added aria-label as no valid label in document. Aria-label documentation

Fixes #(issue)

Type of change

Please delete any options that are not relevant.

  • User interface (UI)
  • Other (Accessibility)

Checklist

  • My code follows the style guidelines of this project
  • I ran ESLint and other linters for modified files
  • I have performed a self-review of my own code and tested it
  • I have commented my code, particularly in hard-to-understand areas
    (including JSDoc for methods)
  • My changes generate no new warnings
  • [] My code needed automated testing. I have added them (this is optional task)

Screenshots (if any)

Please do not use any external image service. Instead, just paste in or drag and drop the image here, and it will be uploaded automatically.

@ibrouos ibrouos changed the title Master A11y - Updated input with no label. Oct 1, 2022
src/components/MonitorList.vue Outdated Show resolved Hide resolved
Co-authored-by: Matthew Nickson <mnickson@sidingsmedia.com>
@louislam
Copy link
Owner

Should we use $t('Search...') instead? Because Search monitored sites is English only.

@louislam louislam added the question Further information is requested label Dec 31, 2022
@@ -10,7 +10,7 @@
<font-awesome-icon icon="times" />
</a>
<form>
<input v-model="searchText" class="form-control search-input" :placeholder="$t('Search...')" autocomplete="off" />
<input v-model="searchText" class="form-control search-input" :placeholder="$t('Search...')" autocomplete="off" aria-label="Search monitored sites" />
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What do you think about such a change (plus adding this to the translation file(s) you can)

Suggested change
<input v-model="searchText" class="form-control search-input" :placeholder="$t('Search...')" autocomplete="off" aria-label="Search monitored sites" />
<input v-model="searchText" class="form-control search-input" :placeholder="$t('Search...')" autocomplete="off" :aria-label="$t('Search monitored sites')" />

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On my side, i agree with this suggestion.

@CommanderStorm CommanderStorm added the area:accessibility screen reader content, keyboard navigation, etc. label Dec 3, 2023
@github-actions github-actions bot removed the Stale label Dec 3, 2023
@CommanderStorm
Copy link
Collaborator

Closing this PR in favor of #4163, as I don't think the requested/suggested changes will be implemented

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area:accessibility screen reader content, keyboard navigation, etc. question Further information is requested
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants