docs: accessibility issues pertaining to focus

src/app/basic/inline.component.ts

@@ -35,12 +35,7 @@ import { Employee } from '../data.model';
             let-row="row"
           >
             @if (editing[rowIndex + '-name']) {
-              <input
-                autofocus
-                (blur)="updateValue($event, 'name', rowIndex)"
-                type="text"
-                [value]="value"
-              />
+              <input (blur)="updateValue($event, 'name', rowIndex)" type="text" [value]="value" />
             } @else {
               <span title="Double click to edit" (dblclick)="editing[rowIndex + '-name'] = true">
                 {{ value }}

src/app/basic/row-grouping.component.ts

@@ -138,7 +138,6 @@ import {
             let-rowHeight="rowHeight"
           >
             <input
-              autofocus
               (blur)="updateValue($event, 'comment', rowIndex)"
               type="text"
               name="comment"

src/app/basic/scrolling-dynamically.component.ts

@@ -38,12 +38,7 @@ import { Employee } from '../data.model';
             let-row="row"
           >
             @if (editing[rowIndex + '-name']) {
-              <input
-                autofocus
-                (blur)="updateValue($event, 'name', rowIndex)"
-                type="text"
-                [value]="value"
-              />
+              <input (blur)="updateValue($event, 'name', rowIndex)" type="text" [value]="value" />
             } @else {
               <span title="Double click to edit" (dblclick)="editing[rowIndex + '-name'] = true">
                 {{ value }}

src/app/templates/template-dom.component.ts

@@ -35,7 +35,7 @@ import { Employee } from '../data.model';
         </ngx-datatable-column>
         <ngx-datatable-column name="Gender">
           <ng-template let-column="column" let-sort="sortFn" ngx-datatable-header-template>
-            <span (click)="sort()">{{ column.name }}</span>
+            <span tabindex="1" (click)="sort()" (keyup)="sort()">{{ column.name }}</span>
           </ng-template>
           <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
             My name is: <i [innerHTML]="row['name']"></i> and <i>{{ value }}</i>