Accessibility fixes

Fixes for accessibility issues raised here: https://groups.google.com/d/topic/tiddlywiki/C6lSabtpdEI/discussion
Jermolene · Nov 7, 2014 · 09a3f94 · 09a3f94 · pmario · Nov 8, 2014
1 parent bd73990
commit 09a3f94
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 4 deletions.
diff --git a/core/language/en-GB/EditTemplate.multids b/core/language/en-GB/EditTemplate.multids
@@ -5,6 +5,8 @@ Body/Hint: Use [[wiki text|http://tiddlywiki.com/static/WikiText.html]] to add f
 Body/Placeholder: Type the text for this tiddler
 Body/Preview/Button/Hide: hide preview
 Body/Preview/Button/Show: show preview
+Field/Remove/Caption: remove field
+Field/Remove/Hint: Remove field
 Fields/Add/Button: add
 Fields/Add/Name/Placeholder: field name
 Fields/Add/Prompt: Add a new field:
@@ -13,5 +15,11 @@ Shadow/Warning: This is a shadow tiddler. Any changes will override the default
 Shadow/OverriddenWarning: This is a modified shadow tiddler. You can revert to the default version by deleting this tiddler
 Tags/Add/Button: add
 Tags/Add/Placeholder: tag name
+Tags/Dropdown/Caption: tag list
+Tags/Dropdown/Hint: Show tag list
+Type/Dropdown/Caption: content type list
+Type/Dropdown/Hint: Show content type list
+Type/Delete/Caption: delete content type
+Type/Delete/Hint: Delete content type
 Type/Placeholder: content type
 Type/Prompt: Type:
diff --git a/core/ui/EditTemplate/fields.tid b/core/ui/EditTemplate/fields.tid
@@ -20,7 +20,7 @@ $:/config/EditTemplateFields/Visibility/$(currentField)$
 <$edit-text tiddler=<<currentTiddler>> field=<<currentField>> placeholder={{$:/language/EditTemplate/Fields/Add/Value/Placeholder}}/>
 </td>
 <td class="tc-edit-field-remove">
-<$button class="tc-btn-invisible">
+<$button class="tc-btn-invisible" tooltip={{$:/language/EditTemplate/Field/Remove/Hint}} aria-label={{$:/language/EditTemplate/Field/Remove/Caption}}>
 <$action-deletefield $field=<<currentField>>/>
 {{$:/core/images/delete-button}}
 </$button>

diff --git a/core/ui/EditTemplate/tags.tid b/core/ui/EditTemplate/tags.tid
@@ -16,7 +16,7 @@ background-color:$(backgroundColor)$;
 <div class="tc-edit-add-tag">
 <span class="tc-add-tag-name">
 <$edit-text tiddler="$:/temp/NewTagName" tag="input" default="" placeholder={{$:/language/EditTemplate/Tags/Add/Placeholder}} focusPopup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-edit-texteditor"/>
-</span> <$button popup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-btn-invisible tc-btn-dropdown">{{$:/core/images/down-arrow}}</$button> <span class="tc-add-tag-button">
+</span> <$button popup=<<qualify "$:/state/popup/tags-auto-complete">> class="tc-btn-invisible tc-btn-dropdown" tooltip={{$:/language/EditTemplate/Tags/Dropdown/Hint}} aria-label={{$:/language/EditTemplate/Tags/Dropdown/Caption}}>{{$:/core/images/down-arrow}}</$button> <span class="tc-add-tag-button">
 <$button message="tm-add-tag" param={{$:/temp/NewTagName}} set="$:/temp/NewTagName" setTo="" class="">
 <<lingo Tags/Add/Button>>
 </$button>

diff --git a/core/ui/EditTemplate/type.tid b/core/ui/EditTemplate/type.tid
@@ -3,7 +3,7 @@ tags: $:/tags/EditTemplate
 
 \define lingo-base() $:/language/EditTemplate/
 <div class="tc-type-selector"><$fieldmangler>
-<em class="tc-edit"><<lingo Type/Prompt>></em> <$edit-text field="type" tag="input" default="" placeholder={{$:/language/EditTemplate/Type/Placeholder}} focusPopup=<<qualify "$:/state/popup/type-dropdown">> class="tc-edit-typeeditor"/> <$button popup=<<qualify "$:/state/popup/type-dropdown">> class="tc-btn-invisible tc-btn-dropdown">{{$:/core/images/down-arrow}}</$button> <$button message="tm-remove-field" param="type" class="tc-btn-invisible tc-btn-icon">{{$:/core/images/delete-button}}</$button>
+<em class="tc-edit"><<lingo Type/Prompt>></em> <$edit-text field="type" tag="input" default="" placeholder={{$:/language/EditTemplate/Type/Placeholder}} focusPopup=<<qualify "$:/state/popup/type-dropdown">> class="tc-edit-typeeditor"/> <$button popup=<<qualify "$:/state/popup/type-dropdown">> class="tc-btn-invisible tc-btn-dropdown" tooltip={{$:/language/EditTemplate/Type/Dropdown/Hint}} aria-label={{$:/language/EditTemplate/Type/Dropdown/Caption}}>{{$:/core/images/down-arrow}}</$button> <$button message="tm-remove-field" param="type" class="tc-btn-invisible tc-btn-icon" tooltip={{$:/language/EditTemplate/Type/Delete/Hint}} aria-label={{$:/language/EditTemplate/Type/Delete/Caption}}>{{$:/core/images/delete-button}}</$button>
 </$fieldmangler></div>
 
 <div class="tc-block-dropdown-wrapper">

diff --git a/core/ui/ViewTemplate/title.tid b/core/ui/ViewTemplate/title.tid
@@ -8,10 +8,10 @@ fill:$(foregroundColor)$;
 $:/config/ViewToolbarButtons/Visibility/$(listItem)$
 \end
 <div class="tc-tiddler-title">
-<h2 class="tc-titlebar">
 <span class="tc-tiddler-controls">
 <$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]" variable="listItem"><$reveal type="nomatch" state=<<config-title>> text="hide"><$transclude tiddler=<<listItem>>/></$reveal></$list>
 </span>
+<h2 class="tc-titlebar">
 <$set name="foregroundColor" value={{!!color}}>
 <span style=<<title-styles>>>
 <$transclude tiddler={{!!icon}}/>

diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
@@ -634,6 +634,8 @@ button.tc-untagged-label {
 
 .tc-tiddler-frame .tc-tiddler-controls {
 	float: right;
+	font-size: 2.35em;
+	line-height: 1.2em;
 }
 
 .tc-tiddler-controls .tc-drop-down {