[JS] TextBlock.style

source/nodejs/adaptivecards/src/card-elements.ts

@@ -917,7 +917,12 @@ export class TextBlock extends BaseTextBlock {
 
             if (this.style === "heading") {
                 element.setAttribute("role", "heading");
-                element.setAttribute("aria-level", GlobalSettings.defaultHeadingLevel.toString());
+
+                let headingLevel = this.hostConfig.headings.level;
+
+                if (headingLevel !== undefined) {
+                    element.setAttribute("aria-level", headingLevel.toString());
+                }
             }
 
             if (this.selectAction && hostConfig.supportsInteractivity) {
@@ -3874,6 +3879,7 @@ export abstract class Action extends CardObject {
         raiseExecuteActionEvent(this);
     }
 
+    accessibleTitle?: string;
     expanded?: boolean;
 
     onExecute: (sender: Action) => void;
@@ -3914,7 +3920,11 @@ export abstract class Action extends CardObject {
 
         this.addCssClasses(buttonElement);
 
-        if (this.effectiveTooltip) {
+        if (this.accessibleTitle) {
+            buttonElement.setAttribute("aria-label", this.accessibleTitle);
+            buttonElement.title = this.accessibleTitle;
+        }
+        else if (this.effectiveTooltip) {
             buttonElement.setAttribute("aria-label", this.effectiveTooltip);
             buttonElement.title = this.effectiveTooltip;
         }

source/nodejs/adaptivecards/src/host-config.ts

@@ -229,6 +229,16 @@ export class FactSetConfig {
     }
 }
 
+export class HeadingsConfig {
+    level?: number;
+
+    constructor(obj?: any) {
+        if (obj) {
+            this.level = obj.level !== undefined && obj.level !== null && typeof obj.level === "number" ? obj.level : this.level;
+        }
+    }
+}
+
 export class ShowCardActionConfig {
     actionMode: Enums.ShowCardActionMode = Enums.ShowCardActionMode.Inline;
     inlineTopMargin: number = 16;
@@ -586,6 +596,7 @@ export class HostConfig {
     readonly imageSet: ImageSetConfig = new ImageSetConfig();
     readonly media: MediaConfig = new MediaConfig();
     readonly factSet: FactSetConfig = new FactSetConfig();
+    readonly headings: HeadingsConfig = new HeadingsConfig();
 
     cssClassNamePrefix?: string;
     alwaysAllowBleed: boolean = false;

source/nodejs/adaptivecards/src/shared.ts

@@ -33,7 +33,6 @@ export class GlobalSettings {
     static enableFallback: boolean = true;
     static useWebkitLineClamp: boolean = true;
     static allowMoreThanMaxActionsInOverflowMenu: boolean = false;
-    static defaultHeadingLevel: number = 2;
 
     static readonly applets: AppletsSettings = {
         logEnabled: true,