? ? Success

User tests: Successful: Unsuccessful:

avatar ylahav
ylahav
20 Mar 2017

Pull Request for Issue # .

Summary of Changes

  1. adding 'aria-label' attribute to the form 'list' fields
    • First in the form XML file
    • In the 'list' field getInput function - add this attribute
  2. Add a "screen reader only" text to the "font icon"

Remark - colour contrast was not handle (warning message) - should be handle globally...

Testing Instructions

Test is the page is compliant with AA accessibility level

Expected result

Actual result

Documentation Changes Required

5267ff9 19 Mar 2017 avatar ylahav
avatar ylahav ylahav - open - 20 Mar 2017
avatar ylahav ylahav - change - 20 Mar 2017
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 20 Mar 2017
Category Administration com_messages Modules Templates (admin) Layout Libraries
avatar brianteeman
brianteeman - comment - 20 Mar 2017

This is not correct. Yes the text will only be used for screen readers but you are not preventing the screenreader from reading out the unicode value of the fontawesome icon that is being used.

See http://fontawesome.io/accessibility/

avatar brianteeman brianteeman - test_item - 20 Mar 2017 - Tested unsuccessfully
avatar brianteeman
brianteeman - comment - 20 Mar 2017

I have tested this item ? unsuccessfully on 2358606

this is not correct see See http://fontawesome.io/accessibility/

Also there are several changes that are unrelated to com-messages that should not be here


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/14799.
avatar brianteeman
brianteeman - comment - 20 Mar 2017

You cannot just use an automated testing tool to test screenreader issues - especially when it relates to icons.

avatar brianteeman brianteeman - change - 20 Mar 2017
Title
Administrator / com_messages - accessibility
[4.0]Administrator / com_messages - accessibility
avatar brianteeman brianteeman - edited - 20 Mar 2017
avatar brianteeman brianteeman - change - 20 Mar 2017
Title
Administrator / com_messages - accessibility
[4.0]Administrator / com_messages - accessibility
avatar ylahav ylahav - change - 20 Mar 2017
Labels Added: ?
avatar ylahav
ylahav - comment - 20 Mar 2017
body p { margin-bottom: 0cm; margin-top: 0pt; } 


Fine - I will (re) implement it in this way :-)

On 20/03/17 13:05, Brian Teeman wrote:


  @brianteeman commented on this pull request.
  
  In administrator/templates/atum/html/modules.php:
  > @@ -67,7 +67,7 @@ function modChrome_well($module, &$params, &$attribs)
		if ($canEdit)
		{
			echo '<div class="btn-group module-dropdown">';
  •   		echo '<a href="#" data-toggle="dropdown"><span class="fa fa-cog"></span></a>';
    
  •   		echo '<a href="#" data-toggle="dropdown"><span class="fa fa-cog"><span class="sr-only">' . JText::_('JACTION_EDIT') . " " . $module->title . '</span></span></a>';
    
    Taken directly from the fontawesome.io accessibility guide
    For icons that are decorative
      <span class="fa fa-envelope"
        aria-hidden=”true”></span>
    For icons that have semantic or interactive meaning
      <span class="fa fa-arrow-right" title="Submit My Tax
        Return"></span>
    One of the problem with the way that you ave done this is that
      if there is no title or aria-hidden=true attribute is that the
      screenreader will read the unicode value of the icon
    So for the coge the unicode is \f013 ad the screenreader will
      read that aloud as an EGYPTIAN HIEROGLYPH
    —
      You are receiving this because you authored the thread.
      Reply to this email directly, view
        it on GitHub, or mute
        the thread.
    
      
        
        
      
      
    
    {"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/joomla/joomla-cms","title":"joomla/joomla-cms","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/joomla/joomla-cms"}},"updates":{"snippets":[{"icon":"PERSON","message":"@brianteeman commented on #14799"}],"action":{"name":"View Pull Request","url":"https://github.com/joomla/joomla-cms/pull/14799#discussion_r106875141"}}}
    
avatar brianteeman brianteeman - change - 8 Jun 2017
Milestone Added:
avatar brianteeman brianteeman - change - 8 Jun 2017
Milestone Added:
avatar joomla-cms-bot joomla-cms-bot - change - 27 Oct 2017
Title
[4.0]Administrator / com_messages - accessibility
[4.0] Administrator / com_messages - accessibility
avatar joomla-cms-bot joomla-cms-bot - edited - 27 Oct 2017
avatar joomla-cms-bot joomla-cms-bot - change - 27 Oct 2017
Category Administration com_messages Modules Templates (admin) Layout Libraries Administration com_messages Modules Templates (admin) Language & Strings Layout Libraries
avatar franz-wohlkoenig
franz-wohlkoenig - comment - 27 Oct 2017

please reassign Milestone 4.0, thanks.


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

avatar brianteeman
brianteeman - comment - 4 Jan 2018

Closing as the promised correction was never made

avatar brianteeman brianteeman - change - 4 Jan 2018
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2018-01-04 19:26:30
Closed_By brianteeman
Labels Added: ?
avatar brianteeman brianteeman - close - 4 Jan 2018

Add a Comment

Login with GitHub to post a comment