AS1024
/
Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add ARIA label to form text editor without label

This commit is contained in:
Michael 2020-10-04 18:31:49 +01:00 committed by GitHub
parent c5f18fb136
commit b8e6157738
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
8 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/Helper/FormHelper.php
View File

@ -237,6 +237,7 @@ class FormHelper extends Base
'labelWrite' => t('Write'),
'labelTitle' => t('Title'),
'placeholder' => t('Write your text in Markdown'),
'ariaLabel' => isset($attributes['aria-label']) ? $attributes['aria-label'] : '',
'autofocus' => isset($attributes['autofocus']) && $attributes['autofocus'],
'suggestOptions' => array(
'triggers' => array(

2
app/Helper/TaskHelper.php
View File

@ -60,7 +60,7 @@ class TaskHelper extends Base
public function renderDescriptionField(array $values, array $errors)
{
return $this->helper->form->textEditor('description', $values, $errors, array('tabindex' => 2));
return $this->helper->form->textEditor('description', $values, $errors, array('tabindex' => 2, 'aria-label' => t('Description')));
}
public function renderDescriptionTemplateDropdown($projectId)

2
app/Template/comment/create.php
View File

@ -9,7 +9,7 @@
<form method="post" action="<?= $this->url->href('CommentController', 'save', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>" autocomplete="off">
<?= $this->form->csrf() ?>
<?= $this->form->textEditor('comment', $values, $errors, array('autofocus' => true, 'required' => true)) ?>
<?= $this->form->textEditor('comment', $values, $errors, array('autofocus' => true, 'required' => true, 'aria-label' => t('New comment'))) ?>
<?= $this->modal->submitButtons() ?>
</form>

2
app/Template/comment/edit.php
View File

@ -5,7 +5,7 @@
<form method="post" action="<?= $this->url->href('CommentController', 'update', array('task_id' => $task['id'], 'project_id' => $task['project_id'], 'comment_id' => $comment['id'])) ?>" autocomplete="off">
<?= $this->form->csrf() ?>
<?= $this->form->textEditor('comment', $values, $errors, array('autofocus' => true, 'required' => true)) ?>
<?= $this->form->textEditor('comment', $values, $errors, array('autofocus' => true, 'required' => true, 'aria-label' => t('Comment'))) ?>
<?= $this->modal->submitButtons() ?>
</form>

2
app/Template/comment_list/create.php
View File

@ -3,6 +3,6 @@
</div>
<form method="post" action="<?= $this->url->href('CommentListController', 'save', array('task_id' => $task['id'], 'project_id' => $task['project_id'])) ?>" autocomplete="off">
<?= $this->form->csrf() ?>
<?= $this->form->textEditor('comment', array('project_id' => $task['project_id']), array(), array('required' => true)) ?>
<?= $this->form->textEditor('comment', array('project_id' => $task['project_id']), array(), array('required' => true, 'aria-label' => t('New comment'))) ?>
<?= $this->modal->submitButtons() ?>
</form>

2
app/Template/comment_mail/create.php
View File

@ -42,7 +42,7 @@
</div>
<?php endif ?>
<?= $this->form->textEditor('comment', $values, $errors, array('required' => true, 'tabindex' => 3)) ?>
<?= $this->form->textEditor('comment', $values, $errors, array('required' => true, 'tabindex' => 3, 'aria-label' => t('New comment'))) ?>
<?= $this->modal->submitButtons(array(
'submitLabel' => t('Send by email'),

2
app/Template/task_comments/create.php
View File

@ -3,6 +3,6 @@
<?= $this->form->hidden('task_id', $values) ?>
<?= $this->form->hidden('user_id', $values) ?>
<?= $this->form->textEditor('comment', $values, $errors, array('required' => true)) ?>
<?= $this->form->textEditor('comment', $values, $errors, array('required' => true, 'aria-label' => t('New comment'))) ?>
<?= $this->modal->submitButtons() ?>
</form>

4
assets/js/components/text-editor.js
View File

@ -62,6 +62,10 @@ KB.component('text-editor', function (containerElement, options) {
textareaElement.attr('required', 'required');
}
if (options.ariaLabel) {
textareaElement.attr('aria-label', options.ariaLabel);
}
// Order is important for IE11 (especially for the placeholder)
var textWrapper = KB.dom(containerElement).find('script');
textareaElement.html(textWrapper.innerHTML);