iframetitle added

Author: codehippie1

docs-website/docs/api/component-inputs.md

@@ -427,6 +427,20 @@ cspNonce = 'random-nonce-value';
 The viewer is CSP-compliant by default. The `cspNonce` input is only needed when using `customCSS` with strict Content Security Policy that requires nonces for inline styles.
 :::
 
+#### `iframeTitle`
+
+- **Type**: `string`
+- **Default**: `'PDF document viewer'`
+- **Description**: Accessible title for the iframe element. Improves accessibility for screen readers.
+
+```typescript
+// Default accessible title
+iframeTitle = undefined; // Uses 'PDF document viewer'
+
+// Custom accessible title
+iframeTitle = 'User Manual - Chapter 3';
+```
+
 ### Advanced Theming
 
 #### `themeConfig`
@@ -443,6 +457,7 @@ interface ThemeConfig {
   borderRadius?: string;
   customCSS?: string;
   cspNonce?: string;  // Optional CSP nonce
+  iframeTitle?: string;  // Optional iframe title for accessibility
 }
 
 themeConfig: ThemeConfig = {

lib/src/interfaces/ViewerTypes.ts

@@ -120,6 +120,7 @@ export interface ThemeConfig {
   borderRadius?: string;
   customCSS?: string;
   cspNonce?: string; // CSP nonce for customCSS (optional)
+  iframeTitle?: string; // Accessible title for the iframe (optional)
 }
 
 // New event data interfaces for enhanced PDF viewer functionality

lib/src/ng2-pdfjs-viewer.component.ts

@@ -94,7 +94,7 @@ import { ChangeOriginTracker } from "./utils/ChangeOriginTracker";
       style="position:relative;width:100%;height:100%;"
     >
       <iframe
-        title="ng2-pdfjs-viewer"
+        [title]="iframeTitle || 'PDF document viewer'"
         [hidden]="externalWindow || (!externalWindow && !pdfSrc)"
         sandbox="allow-forms allow-scripts allow-same-origin allow-modals"
         [style.border]="iframeBorder"
@@ -267,7 +267,8 @@ export class PdfJsViewerComponent
   @Input() public textColor?: string;
   @Input() public borderRadius?: string;
   @Input() public customCSS?: string;
-  @Input() public cspNonce?: string; // CSP nonce for customCSS (optional)
+  @Input() public cspNonce?: string;
+  @Input() public iframeTitle?: string; // CSP nonce for customCSS (optional)
   // #endregion
 
   // #region Loading & Spinner Customization