? Success

User tests: Successful: Unsuccessful:

avatar nonumber
nonumber
17 Mar 2015

This PR takes care of all the icon <i> tags in the Joomla core outputs, replacing them with <span> tags.
So <i class="icon-..."></i> becomes <span class="icon-..."></span>.

The <i> tags are not good from an accessibility point of view.
Replacing them with spans has no visual impact.

Testing the control panel via http://achecker.ca/checker:
Before:

After:

To test, make sure all icons are displaying properly and that scripts that control icons still work ok.
Some scripts that have been tweaked to work with the spans:

  • the update notification script (controlling the messages on the control panel left bottom)
  • the tree menu script controlling the folding icons in the menu item selection (in modules for example)

This can impact 3rd party extensions that might have javascript or css specifically written to expect <i> tags, like:

i.icon-home { ... }

Those would have to be changed to keep working.

avatar nonumber nonumber - open - 17 Mar 2015
avatar joomla-cms-bot joomla-cms-bot - change - 17 Mar 2015
Labels Added: ?
avatar nonumber
nonumber - comment - 17 Mar 2015

PS: This PR does not touch the FOF files.

avatar zero-24 zero-24 - change - 17 Mar 2015
Title
[Accessibility] Replaced <i> with <span> tags
[Accessibility] Replaced with tags
Easy No Yes
avatar zero-24 zero-24 - change - 17 Mar 2015
Category Administration UI/UX
avatar brianteeman brianteeman - change - 17 Mar 2015
Title
[Accessibility] Replaced <i> with <span> tags
[Accessibility] Replaced with tags
avatar brianteeman brianteeman - change - 17 Mar 2015
Category Administration UI/UX Accessibility Administration UI/UX
avatar nonumber nonumber - change - 8 Apr 2015
Title
[Accessibility] Replaced with tags
[Accessibility] Replaced i with span tags
avatar nonumber nonumber - change - 8 Apr 2015
Title
[Accessibility] Replaced with tags
[Accessibility] Replaced i with span tags
avatar ihuibregtse
ihuibregtse - comment - 10 Apr 2015

Before testing I changed J!Tracker Application at issues.joomla.org/joomla-cms/6467.

avatar ihuibregtse ihuibregtse - test_item - 10 Apr 2015 - Tested unsuccessfully
avatar nonumber
nonumber - comment - 10 Apr 2015

Not sure what you mean. Why is test unsuccessful?


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6467.

avatar ihuibregtse
ihuibregtse - comment - 10 Apr 2015

Sorry, my message seems to be broken. The patch didn't replace an i-tag I added to the login-form before testing.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6467.

avatar nonumber
nonumber - comment - 10 Apr 2015

That's not what this PR does. It fixes the tags in Joomla's own output files. It doesn't dynamically replace you custom HTML.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6467.

avatar ihuibregtse
ihuibregtse - comment - 11 Apr 2015

Sorry! I'll check again later.


This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/6467.

avatar ihuibregtse ihuibregtse - test_item - 11 Apr 2015 - Not tested
avatar ihuibregtse ihuibregtse - test_item - 11 Apr 2015 - Not tested
avatar spignataro
spignataro - comment - 20 May 2015

I have checked this and it looks good. I can't find any issues. Can we get this moved to the master branch?

avatar wilsonge
wilsonge - comment - 20 May 2015

I like it :) Can we merge in staging please for the conflicts

avatar roland-d
roland-d - comment - 20 May 2015

Staging is fine by me, however a second test is needed (or did you test @wilsonge ?). The PR needs to be synced please.

avatar nonumber
nonumber - comment - 20 May 2015

Merge conflicts fixed.

avatar roland-d
roland-d - comment - 21 May 2015

Just wanted to test this so we can move it forward but I get the following errors trying to apply the patch:
error: patch failed: administrator/components/com_categories/models/fields/modal/category.php:148
error: administrator/components/com_categories/models/fields/modal/category.php: patch does not apply
error: patch failed: administrator/components/com_contact/models/fields/modal/contact.php:143
error: administrator/components/com_contact/models/fields/modal/contact.php: patch does not apply
error: patch failed: administrator/components/com_content/models/fields/modal/article.php:138
error: administrator/components/com_content/models/fields/modal/article.php: patch does not apply
error: patch failed: administrator/components/com_newsfeeds/models/fields/modal/newsfeed.php:144
error: administrator/components/com_newsfeeds/models/fields/modal/newsfeed.php: patch does not apply
warning: administrator/components/com_redirect/views/links/tmpl/default.php has type 100644, expected 100755

Can you check please?

avatar nonumber
nonumber - comment - 21 May 2015

Should be ok now.

avatar roland-d
roland-d - comment - 22 May 2015

Thanks @nonumber I will test it tonight.

avatar roland-d
roland-d - comment - 22 May 2015

@test all good. Can't find any issues. It's a good first step towards accessibility but a lot more to go :)

avatar roland-d roland-d - test_item - 22 May 2015 - Tested successfully
avatar roland-d roland-d - alter_testresult - 22 May 2015 - spignataro: Tested successfully
avatar dgt41
dgt41 - comment - 22 May 2015

@roland-d can you also take a look at #6758 although it's an issue there is some code there (and it's working). That one has more impact in accessibility (not that this one is minor)

avatar roland-d roland-d - change - 22 May 2015
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2015-05-22 21:15:59
Closed_By roland-d
avatar roland-d roland-d - close - 22 May 2015
avatar roland-d roland-d - close - 22 May 2015
avatar roland-d roland-d - change - 23 May 2015
Milestone Added:
avatar nonumber nonumber - head_ref_deleted - 23 May 2015
avatar n9iels
n9iels - comment - 28 May 2015

@nonumber looks like this PR broke #6264 by accident. Can you look at this?

avatar roland-d
roland-d - comment - 28 May 2015

@n9iels Are you sure that is the correct number, I don't see any reference to this PR in #6264. There was one issue with an undefined notice but that has been fixed.

avatar nonumber nonumber - reference | a6d853c - 29 May 15
avatar wilsonge wilsonge - reference | 9aaf95a - 29 May 15
avatar johanjanssens johanjanssens - reference | 7d6ef16 - 19 Jun 15
avatar johanjanssens johanjanssens - reference | 741498f - 19 Jun 15

Add a Comment

Login with GitHub to post a comment