Skip to content

bug: inherit aria attributes of ion-fab-button #25633

Closed
@sebastian-student

Description

@sebastian-student

Ionic version:
[] 4.x
[] 5.x
[x] 6.x

I'm submitting a ...
[x] bug report
[ ] feature request

Current behavior:
Adding an aria-label to an ion-fab-button with [attr.aria-label] the label is not inherited to the contained button.

Expected behavior:
Inherit aria attributes like on ion-button

Related code:

<ion-button [attr.aria-label]="'aria.example-label' | translate"></ion-button> <!-- is inherited -->
<ion-fab-button [attr.aria-label]="'aria.example-label' | translate"></ion-fab-button> <!-- is not inherited -->

Other information:
Similar issue already existed for other buttons but ion-fab-button wasn't included in #25156

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.12.0 (/Users/sebastian/node_modules/ionic)
   Ionic Framework               : @ionic/angular 6.1.11
   @angular-devkit/build-angular : 13.2.6
   @angular-devkit/schematics    : 13.3.8
   @angular/cli                  : 13.2.6
   @ionic/angular-toolkit        : 6.1.0

Cordova:

   cordova (Cordova CLI) : 10.0.0
   Cordova Platforms     : ios 6.2.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.2.0, (and 30 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/sebastian/Library/Android/sdk)
   ios-deploy        : 1.11.4
   ios-sim           : 8.0.2
   NodeJS            : v14.18.2 (/Users/sebastian/.nvm/versions/node/v14.18.2/bin/node)
   npm               : 6.14.15
   OS                : macOS Monterey
   Xcode             : Xcode 13.3 Build version 13E113

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions