-
Notifications
You must be signed in to change notification settings - Fork 7
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
FIO-9008 Added some of the missing accessibility tags to bootstrap5 #102
Conversation
@@ -119,7 +119,7 @@ | |||
<span> | |||
<img ref="fileImage" src="" alt="{{file.originalName || file.name}}" style="width:{{ctx.component.imageSize}}px"> | |||
{% if (!ctx.disabled) { %} | |||
<i tabindex="0" class="{{ctx.iconClass('remove')}}" ref="removeLink"></i> | |||
<i tabindex="0" class="{{ctx.iconClass('remove')}}" ref="removeLink" aria-label="Remove button. Press to remove {{file.originalName || file.name}} file"></i> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Kind of a minor nit but do we need to use ctx.t()
here to potentially internationalize this accessibility message?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@brendanbond as far as I know, ctx.t()
only works with static strings. Will it work with a string that has variables like it has in that case?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Yup, it takes interpolation context as a second arg, e.g. see here
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
see comment
https://formio.atlassian.net/browse/FIO-9008