[4.0] Featured button [a11y]

[brianteeman]

Multiple issues

Featured Article

~1. Icon uses color alone to indicate its status~

2. Screen reader only announces "Toggle Featured Status" - it does not announce if it is featured or not
3. Still uses bootstrap tooltip

Featured Contact

~1. icon uses color alone to indicate its status~

2. Screen reader only announces "Feature Item" or "Unfeature item" - it does not announce if it is featured or not

Summary

~- Update icon~

• announce both the current state and what the button will do
• consistent terminology

updated after #33417

[himanshu007-creator]

To solve this, an approach can be using different but similar icons for featured and unfeatured status of article. featured state icon:- https://fontawesome.com/icons/lightbulb-on?style=solid unfeatured state icon:- https://fontawesome.com/icons/lightbulb-slash?style=duotone

On screen , it will go like:-

state: <_present state_> click to toggle

[richard67]

@himanshu007-creator The icons you are suggesting belong to the "pro" package of fontawesome, which is a paid one. We only ship the free ones, "standard", "solid" and "brands".

[chmst]

We could show no star at all if an item is not featured.

[himanshu007-creator]

@himanshu007-creator The icons you are suggesting belong to the "pro" package of fontawesome, which is a paid one. We only ship the free ones, "standard", "solid" and "brands".

Okay, if that is the case, maybe an eye icon will do the job! Moreover , it will look quite self explanatory as well! featured state icon-https://fontawesome.com/icons/eye?style=solid unfeatured state icon- https://fontawesome.com/icons/low-vision?style=solid

views:-

[PhilETaylor]

Not only the featured articles icon - if you go to Template Styles here is the same issue with the default icon

[PhilETaylor]

Okay, if that is the case, maybe an eye icon will do the job!

"Eye" is used for "preview" elsewhere in Joomla - Eg, the template styles screenshot I just posted

[himanshu007-creator]

Okay, if that is the case, maybe an eye icon will do the job!

"Eye" is used for "preview" elsewhere in Joomla - Eg, the template styles screenshot I just posted

we can change the default icon here as well to a single tick icon like this A site can have many published articles, but there is only one default template for a category (site of admin). For this case we can use a single tick in front of the template selected as default and for rest templates, leave it blank.

[carcam]

Featured and default are different states. So having different icons for them makes total sense.

Looking for options and taking into account that an article can be featured in a specific container and it's like a windows shop, I think the store icons could do the job:

https://fontawesome.com/icons/store-slash?style=solid

https://fontawesome.com/icons/store?style=solid

For template manager, I will leave the tick for default and an empty circle for non-default items.

[chmst]

Agree that featured and default are different.

I prefer the star as it is for feaured items, this is a common icon and users know it. If an item is not featured, we could use the "disc" - this is also common and known - used in menu items overview.

[alikon]

please test #33417

[richard67]

Re-opening since PR #33417 is only for parts of this issue, see https://github.com/joomla/joomla-cms/pull/33417#issuecomment-829912307 .

[brianteeman]

thanks @richard67 I have updated the original post

[chmst]

I have stopped working on the issue as @brianteeman took over.

[brianteeman]

Sorry. I didn't know you were working on it. You didn't say anything.

[richard67]

She had assigned the issue to herself, which was visible on GitHub by the "asignee".

[brianteeman]

when did we start using that? also its not very productive as only a limited few people can even use it

[richard67]

We started to use it years ago, but you are right, we used it only in rare cases.

[chmst]

Indeed it is not as easy to solve this issue, but important - because the tooltips also are different for workflow on/off.

[brianteeman]

Once again apologies for not seeing the assignment. Might be a good idea for you to review the current assignments ;)

[chmst]

no problem - now as your changes of the icon are merged I can continue.

[brianteeman]

sorry once again

[ghost]

@chmst i fear it will happen again cause the self-assign isn't shown on top:

[richard67]

@sandramay0905 That's because I have remove the assignment after @chmst had asked me on Glip to do so.

[ghost]

@richard67 sorry, i thought its a general problem. Thanks for the information :-)

[chmst]

Closing as there is a PR

[richard67]

See #33557 .