下面是一个示例，展示了如何使用Angular属性指令来创建一个有效可访问的HTML代码。

首先，我们创建一个名为app.component.html的HTML文件。在这个文件中，我们使用ngClass指令来根据条件添加CSS类。该指令会根据表达式的结果动态地添加或删除CSS类。

  This is a sample text.

Toggle Highlight

接下来，我们创建一个名为app.component.ts的TypeScript文件。在这个文件中，我们定义了一个名为isHighlighted的布尔变量，并创建了一个名为toggleHighlight()的函数，该函数会在点击按钮时切换isHighlighted的值。

import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  isHighlighted: boolean = false;

  toggleHighlight() {
    this.isHighlighted = !this.isHighlighted;
  }
}

最后，我们创建一个名为app.module.ts的TypeScript文件，该文件用于定义Angular模块。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

以上代码示例演示了如何使用Angular属性指令ngClass来根据条件添加CSS类，并提供了一个按钮来切换isHighlighted的值。这个示例中的HTML代码是有效可访问的，因为它使用了Angular的内置指令，并且具有良好的可读性和可访问性。