feat: 24 add test using ibm esuall access toolkit

.github/dependabot.yml

@@ -17,10 +17,23 @@ updates:
       interval: 'daily'
       time: '00:00'
       timezone: 'Europe/Berlin'
+    groups:
+      typescript-eslint:
+        patterns:
+          - '@typescript-eslint/*'
+      angular:
+        patterns:
+          - '@angular/*'
+          - '@angular-devkit/*'
+        exclude-patterns:
+          - '@angular/cli'
+      angular-eslint:
+        patterns:
+          - '@angular-eslint/*'
 
   - package-ecosystem: 'github-actions'
     directory: '/'
     schedule:
       interval: 'daily'
       time: '00:00'
-      timezone: 'Europe/Berlin'
+      timezone: 'Europe/Berlin'

.github/workflows/a11y-checks.yml

@@ -25,7 +25,7 @@ jobs:
           ref: ${{ github.event.pull_request.head.sha }}
 
       - id: get_playwright_version
-        uses: eviden-actions/get-playwright-version@v1
+        uses: atos-actions/get-playwright-version@v1
 
   a11y-checks:
     name: '🛠️ Test Code'
@@ -46,6 +46,13 @@ jobs:
           check-latest: true
           cache: 'npm'
 
+      - name: '🧼 Clean up'
+        run: |
+          rm -rf node_modules
+          rm -rf playwright-report
+          rm -rf results
+          rm -rf test-results
+
       - name: '⛓️ Install dependencies'
         run: npm ci --no-audit --prefer-offline --progress=false
 
@@ -58,11 +65,17 @@ jobs:
       - name: '🧫 Run Unit tests'
         run: npm run test
 
-      - name: '🧫 Run a11y tests'
+      - name: '🧫 Run Playwright a11y tests'
         run: npm run test:a11y
 
+      - name: '🧫 Run Cypress A11y checks'
+        run: npm run test:cypress
+
       - name: '📤 Upload test results'
         uses: actions/upload-artifact@v4 # TODO: Replace with eviden-actions/upload-artifact when urn-id is supported in download-artifact
         with:
           name: test-results
-          path: playwright-report
+          path: |
+            playwright-report
+            results
+            test-results

.gitignore

@@ -44,3 +44,4 @@ Thumbs.db
 /playwright-report/
 /blob-report/
 /playwright/.cache/
+/results/

ACCESSIBILITY_TESTING.md

@@ -0,0 +1,123 @@
+# Accessibility Testing Configuration
+
+## Übersicht
+
+Dieses Projekt verwendet IBM Equal Access Accessibility Checker für automatisierte Accessibility-Tests in Playwright und Cypress.
+
+## Konfigurationsdateien
+
+### 1. `.achecker.yml`
+Diese Datei wird **nur vom CLI-Tool** (`npx achecker`) verwendet und **nicht** von der Node.js API.
+
+```bash
+# CLI-Verwendung (lädt .achecker.yml automatisch)
+npx achecker http://localhost:4201
+```
+
+### 2. `aceconfig.js`
+Diese Datei enthält die Konfiguration für die **Node.js API** und wird in den Playwright- und Cypress-Tests verwendet.
+
+```javascript
+module.exports = {
+    ignore: ['style_highcontrast_visible', 'style_color_misuse', 'text_block_heading']
+    // ... weitere Konfiguration
+};
+```
+
+## Ignorieren von Regeln
+
+### Warum manuelle Filterung notwendig ist
+
+Die IBM accessibility-checker Bibliothek lädt `.achecker.yml` **nicht automatisch**, wenn Sie die Node.js API verwenden (`require('accessibility-checker')`). Außerdem ignoriert `aChecker.getCompliance()` die `ignore`-Regeln aus der Konfiguration nicht automatisch.
+
+### Implementierung in den Tests
+
+#### Playwright Tests (`tests/shared-tests.ts`)
+```typescript
+const aceConfig = require(path.resolve(__dirname, '..', 'aceconfig.js'));
+
+// Nach dem Scan: Markiere ignorierte Regeln
+if (report?.results && aceConfig.ignore) {
+  report.results = report.results.map((result: any) => {
+    if (aceConfig.ignore.includes(result.ruleId)) {
+      return { ...result, ignored: true };
+    }
+    return result;
+  });
+}
+
+// Zähle nur nicht-ignorierte Failures
+const failLevels = ['violation', 'potentialviolation'];
+const failures = reportResults.filter(
+  (r: any) => !r.ignored && failLevels.includes(r.level)
+);
+```
+
+#### Cypress Tests (`cypress.config.js`)
+```javascript
+const aceConfig = require(path.resolve(__dirname, 'aceconfig.js'));
+
+// Im equalAccessGetCompliance Task
+if (report?.results && aceConfig.ignore) {
+  report.results = report.results.map((result) => {
+    if (aceConfig.ignore.includes(result.ruleId)) {
+      return { ...result, ignored: true };
+    }
+    return result;
+  });
+}
+
+// Berechne reportCode basierend auf nicht-ignorierten Failures
+const failLevels = ['violation', 'potentialviolation'];
+const failures = reportResults.filter(
+  (r) => !r.ignored && failLevels.includes(r.level)
+);
+const reportCode = failures.length > 0 ? 2 : 0;
+```
+
+## Aktuell ignorierte Regeln
+
+Die folgenden Regeln werden in den Tests ignoriert:
+
+1. **style_highcontrast_visible** - Manueller Test erforderlich für Windows High Contrast Mode
+2. **style_color_misuse** - Potentielle Verletzung bzgl. Farbverwendung
+3. **text_block_heading** - Potentielle Verletzung bei Preisangaben, die fälschlicherweise als Überschriften erkannt werden
+
+## Tests ausführen
+
+```bash
+# Playwright Accessibility Tests
+npm run test:a11y
+
+# Cypress E2E Accessibility Tests
+npm run cypress:run:e2e
+
+# Alle Tests
+npm test
+```
+
+## Neue Regeln ignorieren
+
+1. Füge die Regel zu `aceconfig.js` im `ignore` Array hinzu
+2. Füge die Regel zu `.achecker.yml` im `ignore` Array hinzu (für CLI-Verwendung)
+3. Die Tests werden die Regel automatisch ignorieren
+
+Beispiel:
+```javascript
+// aceconfig.js
+ignore: [
+  'style_highcontrast_visible',
+  'style_color_misuse',
+  'text_block_heading',
+  'neue_regel_hier' // Neue Regel hinzufügen
+]
+```
+
+```yaml
+# .achecker.yml
+ignore:
+  - style_highcontrast_visible
+  - style_color_misuse
+  - text_block_heading
+  - neue_regel_hier  # Neue Regel hinzufügen
+```

aceconfig.js

@@ -0,0 +1,23 @@
+const path = require('path');
+const os = require('os');
+
+module.exports = {
+  ruleArchive: 'latest',
+  policies: ['IBM_Accessibility', 'WCAG_2_2'],
+  failLevels: ['violation'],
+  reportLevels: [
+    'violation',
+    'potentialviolation',
+    'recommendation',
+    'potentialrecommendation',
+    'manual'
+  ],
+  outputFormat: ['html', 'json'],
+  outputFilenameTimestamp: true,
+  label: [process.env.TRAVIS_BRANCH || 'local-scan'],
+  outputFolder: path.resolve(__dirname, 'results'),
+  baselineFolder: path.resolve(__dirname, 'test', 'baselines'),
+  cacheFolder: path.join(os.tmpdir(), 'accessibility-checker'),
+  puppeteerArgs: ['--no-sandbox', '--disable-setuid-sandbox'],
+  ignoreRules: ['style_highcontrast_visible', 'style_color_misuse', 'text_block_heading', 'potential_heading'] // works only with empty failLevels []
+};

angular.json

@@ -65,10 +65,10 @@
           "builder": "@angular-devkit/build-angular:dev-server",
           "configurations": {
             "production": {
-              "browserTarget": "accessibilityApp:build:production"
+              "buildTarget": "accessibilityApp:build:production"
             },
             "development": {
-              "browserTarget": "accessibilityApp:build:development"
+              "buildTarget": "accessibilityApp:build:development"
             }
           },
           "defaultConfiguration": "development",
@@ -79,7 +79,7 @@
         "extract-i18n": {
           "builder": "@angular-devkit/build-angular:extract-i18n",
           "options": {
-            "browserTarget": "accessibilityApp:build"
+            "buildTarget": "accessibilityApp:build"
           }
         },
         "test": {