Bug 493751

Summary: HTML syntax highlighting for aria attributes
Product: [ECD] Orion (Archived) Reporter: Carolyn MacLeod <Carolyn_MacLeod>
Component: EditorAssignee: Grant Gayed <grant_gayed>
Status: RESOLVED FIXED QA Contact:
Severity: normal    
Priority: P3 Keywords: accessibility
Version: unspecified   
Target Milestone: 12.0   
Hardware: PC   
OS: Windows 7   
Whiteboard:
Attachments:
Description Flags
aria-syntax-highlighting.PNG none

Description Carolyn MacLeod CLA 2016-05-16 15:40:36 EDT 
ARIA attributes in html files should be highlighted the same way as html attributes.

Not sure if it's relevant, but the following aria-* attributes end up half-highlighted (the aria- part is not highlighted but the characters after that are highlighted), which looks strange: aria-label, aria-hidden, aria-readonly, aria-checked, aria-controls, aria-disabled, aria-required, aria-selected.
This is because these attributes coincide with the following html attribute names: label, hidden, readonly, checked, controls, disabled, required, selected.
Comment 1 Grant Gayed CLA 2016-05-16 16:14:05 EDT 
Can you paste an example that includes the different highlightings?
Comment 2 Carolyn MacLeod CLA 2016-05-16 16:27:15 EDT 
Created attachment 261772 [details]
aria-syntax-highlighting.PNG

Here's a screen snap of:
- div 1 -> normal html syntax highlighting (the word 'class' is lighter)
- div 2 -> completely non-highlighted aria-labelledby
- div 3 -> odd half-highlighted aria-hidden
- div 4 -> odd half-highlighted aria-label

In case it's useful, here's the markup:
<!DOCTYPE html>
<html>
	<body>
		<h1>Hello world</h1>
		<div class="testClass"></div>
		<div aria-labelledby="id"></div>
		<div aria-hidden="true"></div>
		<div aria-label="test"></div>
	</body>
</html>