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

Add a label for the search input #416

Merged
merged 2 commits into from
Jan 20, 2016
Merged

Add a label for the search input #416

merged 2 commits into from
Jan 20, 2016

Conversation

tysongach
Copy link
Contributor

@joshuaogle
Copy link

Haven't seen that solution before, but it makes sense. Hooray for accessibility 👍

@tysongach
Copy link
Contributor Author

@joshuaogle Yeah, I’m planning to add some sort of hide-visually mixin to Bourbon 5, which would wrap this up. Very similar to hide-text.

@tysongach
Copy link
Contributor Author

@ckundo Would you mind taking a look at this one, when you have a chance?

@tysongach
Copy link
Contributor Author

@LkeMitchll brings up a good point over on thoughtbot/bourbon#818, that maybe I should just use aria-label (duh!). I totally glazed over that for some reason…

I imagine both approaches reach the same level of accessibility, but could be interesting to dig in to.

@ckundo
Copy link

ckundo commented Jan 20, 2016

@tysongach aria-label seems more standards oriented if we want a non-visual label. The visually-hidden utility is nice to have though.

@c-lliope
Copy link
Contributor

Big 👍 for making it more accessible. I'd also lean towards aria-label if it's functionally the same.

Tyson Gach added 2 commits January 20, 2016 16:37
- Properly label the input, to improve accessibility, but visually hide it to
  maintain the design, which uses a placeholder to indicate use
- Uses the hide content technique from The Accessibility Project:
  http://a11yproject.com/posts/how-to-hide-content/
- Fixes #415
@tysongach
Copy link
Contributor Author

Updated to use aria-label.

@c-lliope
Copy link
Contributor

👍

@tysongach tysongach merged commit 5410208 into master Jan 20, 2016
@tysongach tysongach deleted the tg-search-label branch January 20, 2016 21:49
c-lliope added a commit that referenced this pull request Jan 22, 2016
Changes:

```
* [#269] [FEATURE] Add a generator for copying default layout files
* [#328] [FEATURE] Add a generator for copying default sidebar partial
* [#362] [FEATURE] Add a generator for only the dashboard manifest.
  Customizing this manifest before running the `administrate:install` generator
  will change which dashboards get generated.
* [#295] [FEATURE] Add dashboard detection for ActiveRecord::Enum fields.
* [#364] [FEATURE] Improve dashboard generator by explicitly listing out the
  generated `SHOW_PAGE_ATTRIBUTES` array elements.
* [#416] [UI] Add an accessibility label to the search input
* [#411] [UI] Use tabular figures in table cells
* [#409] [UI] Use default system fonts
* [#424] [BUGFIX] Fix a bug where running `rails destroy GENERATOR_NAME`
  would not work for several of the generators
* [#390] [BUGFIX] Fix timestamp deprecation warnings
* [#365] [COMPAT] Remove dependency on `inline_svg`
* [#396] [I18n] Ukrainian
* [#297] [I18n] Italian
* [#307] [I18n] Fix German grammatical errors
* [#363] [DOC] Move documentation into main repository, at the root URL
* [#395] [DOC] Update inline documentation for collection partial
* [#387] [DOC] Fix incorrect path for generators in the docs
```
@c-lliope c-lliope mentioned this pull request Jan 22, 2016
c-lliope added a commit that referenced this pull request Jan 22, 2016
Changes:

```
* [#269] [FEATURE] Add a generator for copying default layout files
* [#328] [FEATURE] Add a generator for copying default sidebar partial
* [#362] [FEATURE] Add a generator for only the dashboard manifest.
  Customizing this manifest before running the `administrate:install` generator
  will change which dashboards get generated.
* [#295] [FEATURE] Add dashboard detection for ActiveRecord::Enum fields.
* [#364] [FEATURE] Improve dashboard generator by explicitly listing out the
  generated `SHOW_PAGE_ATTRIBUTES` array elements.
* [#416] [UI] Add an accessibility label to the search input
* [#411] [UI] Use tabular figures in table cells
* [#409] [UI] Use default system fonts
* [#424] [BUGFIX] Fix a bug where running `rails destroy GENERATOR_NAME`
  would not work for several of the generators
* [#390] [BUGFIX] Fix timestamp deprecation warnings
* [#365] [COMPAT] Remove dependency on `inline_svg`
* [#396] [I18n] Ukrainian
* [#297] [I18n] Italian
* [#307] [I18n] Fix German grammatical errors
* [#363] [DOC] Move documentation into main repository, at the root URL
* [#395] [DOC] Update inline documentation for collection partial
* [#387] [DOC] Fix incorrect path for generators in the docs
```
@tysongach tysongach mentioned this pull request Mar 24, 2017
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants