Skip to content

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

@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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions